<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>我的世界周边商城</title>
  <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">

  <link rel="stylesheet" href="/css/index.css">
</head>
<body>
  <header class="g-hd"></header>
  <!--body-->
  <div class="g-bd">
    <!--轮播图-->
    <div class="rotary-planting-map">
      <div class="swiper-container banner">
        <div class="swiper-wrapper" style="width:1623px; height:430px;">
          <div class="swiper-slide"
            style="background: url(/images/banner.jpg) no-repeat center top;width: 1263px;height: 430px;">
          </div>
          <div class="swiper-slide"
            style="background: url(/images/banner2.jpg) no-repeat center top;width: 1263px;height: 430px;">
          </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="swiper-button-next swiper-button-white"></div>
      </div>
    </div>
    <!--新品首发-->
    <div class="m-indexPopularItem">
      <div class="g-row">
        <!--头部-->
        <div class="tab-top">
          <ul class="tabList">
            <a class="item tab-sel" data-index="0" href="javascript:;">
              <li>新品首发</li>
            </a>
            <a class="item tab-sel" data-index="1" href="javascript:;">
              <li>编辑推荐</li>
            </a>
          </ul>
        </div>
        <!--展示-->
        <div class="showContainer" id="categoryList">
          <script type="text/html" id="categoryTemplate">
            {{ each list item }}
            <div class="m-product" >
            <div class="hd">
              <a>
                <img src="{{ item.src }}">
              </a>
            </div>
            <div class="bd">
              <h4 class="name">
                <span class="name">{{ item.name }}</span>
              </h4>
              <p class="price">
                <span class="carnival-price">狂欢价</span>
                <span>{{ item.price }}</span>
              </p>
            </div> 
            </div>
            {{ /each }}
          </script>
        </div>
      </div>
    </div>
    <!--图书文具-->
    <div class="m-newCates">
      <div class="g-row">
        <div class="m-newCate">
          <div class="hd">
            <div class="left">
              <h3 class="name">图书文具</h3>
            </div>
            <div class="right">
              <a class="getMore" href="/html/list.html#10" target="_blank">更多产品 &gt;</a>
            </div>
          </div>
          <!--左侧内容-->
          <div clas="m-newCate-content">
            <div class="banner-bgColor">
              <img>
            </div>

            <!--右侧内容-->
            <div class="bd" id="GraphicList">
            </div>
            <script type="text/html" id="GraphicTemplate">
                  {{ each list item }}
                  <ul class="itemList" >
                  <li class="itemList-top">
                    <div class="cates-product">
                      <div class="cates-product-hd">
                        <a href="/html/detail.html" title="趣味和纸胶带套装 我的世界" target="_blank">
                          <img src="{{ item.src }}">
                        </a>
                      </div>
                      <div class="cates-product-bd">
                        <h4 class="product-name">
                          <a class="status" href="/detail.html" title="趣味和纸胶带套装 我的世界" target="_blank">
                            <span class="name">{{ item.name }}</span>
                          </a>
                        </h4>
                        <div class="product-price">
                          <span> {{ item.price }}</span>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class="itemList-bottom"></li>
                  </ul>
                  {{ /each }}
             </script>
          </div>
        </div>
      </div>
    </div>
  </div>
<footer class="g-ft"></footer>
  <script src="/libs/requirejs/require.js" data-main="/js/index"></script>
</body>

</html>